list-style
|
|
|
|
|
|
|||||||||
|
7.0 |
8.0 |
9.0 |
7.0 |
8.0 |
9.6 |
10.0 |
10.0 |
3.1 |
4.0 |
5.0 |
3.0 |
3.6 |
4.0 |
|
Помилка |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка інформація
|
CSS |
CSS1 |
|
Значення
за умовчанням |
Ні |
|
Наслідує |
Так |
|
Застосовується |
До тегів
<DD>, <DT>, <LI>, <OL> і <UL>, а також до усіх
елементів, у яких вказане display : list - item |
|
Аналог
HTML |
<ul
type> | <ol type> | <li type> |
|
Посилання
на специфікацію |
http://www.w
3.org/TR/CSS21/generate.html#propdef - list - style |
Опис
Універсальна
властивість, що дозволяє одночасно задати стиль маркера, його положення, а
також зображення, яке використовуватиметься в якості маркера. Для детального
ознайомлення дивитеся інформацію про кожну властивість list - style - type, list
- style - position і list - style - image окремо.
Синтаксис
list -
style: list - style - type || list - style - position || list - style - image |
inherit
Значення
Будь-які
комбінації трьох значень, що розділяються між собою пропуском, визначальних
стиль маркерів. Жодне значення не є обов'язковим, тому невживані можна
опустити.
inherit
Наслідує значення батька.
Приклад
HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows - 1251">
<title>list - style</title>
<style type="text/css">
UL {
list - style: square outside; /* Квадратних
маркерів */
/* Маркерів
розміщуються за межами текстового блоку */
}
</style>
</head>
<body>
<ul>
<li>Луцький національний </li>
<li>техніний університет</li>
<li>Професійний заклад освіти</li>
<li>Луцький національний техніний університет
є одним із найкращих професійних закладів освіти у
місті Луцьку.
Найкращою з підготовки спеціалістів є кафедра
професійного навчання, що займається професійною підготовкою студентів.
</li> </ul>
</body>
</html>
Результат
цього прикладу показаний ні мал. 1.
Мал. 1.
Застосування властивості list - style
Об'єктна модель
[window.]document.getElementById("elementID").style.listStyle
Браузери
Internet
Explorer до сьомої версії включно не підтримує значення inherit.
